
//公共组件
// UE组件
Vue.component('Ueditor', {

    data () {
        return {
            editor: null
        }
    },
    props: {
        defaultMsg: {
            type: String
        },
        config: {
            type: Object
        }
    },
    mounted() {
        const _this = this;
        require.config({
            baseUrl: '',
            paths: {
                ZeroClipboard: "static/UE/third-party/zeroclipboard/ZeroClipboard"//主要是加这句话
            }
        });
        require(['ZeroClipboard'], function (ZeroClipboard) {
            window['ZeroClipboard'] = ZeroClipboard;
        });
        this.editor = UE.getEditor('editor', this.config); // 初始化UE
        this.editor.addListener("ready", function () {
            _this.editor.setContent(_this.defaultMsg); // 确保UE加载完成后，放入内容。
        });
    },
    methods: {
        getUEContent() { // 获取内容方法
            return this.editor.getContent()
        },
        setUEContent:function (def) {
            this.editor.setContent(def);
        }

    },
    destroyed() {
        this.editor.destroy();
    },
    template:`<script id="editor" type="text/plain"  style="display:inline-block;width:770px;height:240px;float: left;"></script>`
});

// 分页组件
Vue.component('v-pagination', {
    data: function () {
        return {
            count: 0,
            current: this.currentPage
        }
    },
    mounted(){
        this.current=this.currentPage
        this.$options.methods.pagehide(this)

    },
    props: {
        total: {// 数据总条数
            type: Number,
            default: 0
        },
        display: {// 每页显示条数
            type: Number,
            default: 15
        },
        currentPage: {// 当前页码
            type: Number,
            default: 1
        },
        pagegroup: {// 分页条数
            type: Number,
            default: 5,
            coerce: function (v) {
                v = v > 0 ? v : 5;
                return v % 2 === 1 ? v : v + 1;
            }
        }
    },
    watch:{
        currentPage:function () {
            this.current= this.currentPage
        }
    },
    computed: {
        page: function () { // 总页数
            return Math.ceil(this.total / this.display);
        },
        grouplist: function () { // 获取分页页码
            var len = this.page, temp = [], list = [], count = Math.floor(this.pagegroup / 2), center = this.current;
            if (len <= this.pagegroup) {
                while (len--) {
                    temp.push({text: this.page - len, val: this.page - len});
                }
                ;
                return temp;
            }
            while (len--) {
                temp.push(this.page - len);
            }
            ;
            var idx = temp.indexOf(center);
            (idx < count) && ( center = center + count - idx);
            (this.current > this.page - count) && ( center = this.page - count);
            temp = temp.splice(center - count - 1, this.pagegroup);
            do {
                var t = temp.shift();
                list.push({
                    text: t,
                    val: t
                });
            } while (temp.length);
            if (this.page > this.pagegroup) {
                (this.current > count + 1) && list.unshift({text: '...', val: list[0].val - 1});
                (this.current < this.page - count) && list.push({text: '...', val: list[list.length - 1].val + 1});
            }
            return list;
        }
    },
    methods: {
        setCurrent: function (idx) {
            if (this.current != idx && idx > 0 && idx < this.page + 1) {
                this.current = idx;
                this.$emit('pagechange', this.current);
            }
        },
        pagehide: function (ta) {
            if (ta.total === 0) {
                $(".pagination").hide();
            } else {
                $(".pagination").show();
            }

        }
    },
    template: ` <nav>
    <ul class="pagination">
      <li :class="{'disabled': current == 1}"><a href="javascript:;" @click="setCurrent(current - 1)"> « </a></li>
      <li :class="{'disabled': current == 1}"><a href="javascript:;" @click="setCurrent(1)"> 首页 </a></li>
      <li v-for="p in grouplist" :class="{'active': current == p.val}"><a href="javascript:;"
                                                                          @click="setCurrent(p.val)"> {{ p.text }} </a>
      </li>
      <li :class="{'disabled': current == page}"><a href="javascript:;" @click="setCurrent(page)"> 尾页 </a></li>
      <li :class="{'disabled': current == page}"><a href="javascript:;" @click="setCurrent(current + 1)"> »</a></li>
    </ul>
  </nav>`
});
//模态框
Vue.component('modal-component', {
    data: function () {
        return {
            count: 0,
            root:tmpsUrls+"www/static/icons/关闭.png"
        }
    },
    mounted(){
    },
    methods: {

    },
    template: `<div class="modal fade" id="myModal2" tabindex="-1" role="dialog"  aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <div class="station-title">
                    四川省——成都市
                </div>
                <div class="station-name-box">
                    <span class="station-name">锦江区</span>
                    <span class="station-name">锦江区</span>
                    <span class="station-name">锦江区</span>
                    <span class="station-name">锦江区</span>
                    <span class="station-name">锦江区</span>
                    <span class="station-name">锦江区</span>
                    <span class="station-name">锦江区</span>
                    <span class="station-name">锦江区</span>
                    <span class="station-name">锦江区</span>
                    <span class="station-name">锦江区</span>
                </div>
                <div class="station-btn" data-dismiss="modal">选择当前行政区域</div>
                <div class="close-static-modal"><img data-dismiss="modal" :src="root" alt=""></div>
            </div>

        </div>
    </div>
</div>`
});



// header组件
Vue.component('header-component', {
    data: function () {
        return {
            info: [],
            tempUrl:tmpsUrls,
            loginicon:tmpsUrls+'www/static/icons/头像1默认.png',
            registericon:tmpsUrls+'www/static/icons/注册1.png',
            collecticon:tmpsUrls+'www/static/icons/收藏(1).png',
            historyicon:tmpsUrls+'www/static/icons/时间1.png',
            user_id:getCookie("user_id"),
            token:getCookie("token"),
        }
    },
    props:["url"],
    mounted(){
        if(this.token!==null){

            var formdata = new FormData();
            formdata.append("user_id",this.user_id)
            formdata.append("token",this.token)
            axios.post(sysurl + 'user/info', formdata)
                .then(res => {
                    if (res.data.code === 1) {
                        this.info = res.data.data
                        if(res.data.data.avatar!=''){
                            this.loginicon = this.url + res.data.data.avatar
                        }

                    }
                    else {
                        // layer.msg(res.data.msg);
                    }
                }, err => {

                })
                .catch((error) => {

                })
            // data.newpassword = '147258'
            // data.oldpassword = '123456'
            // axios.post(sysurl + 'user/resetpwds', data)
            //     .then(res => {
            //         if (res.data.code === 1) {
            //             this.info = res.data.data
            //         }
            //         else {
            //             // layer.msg(res.data.msg);
            //         }
            //     }, err => {
            //
            //     })
            //     .catch((error) => {
            //
            //     })



        }
    },
    methods: {
        loginOut: function () {
            var formdata = new FormData();
            formdata.append("user_id",this.user_id)
            formdata.append("token",this.token)
            layer.confirm("确定退出登录？",{ btn:["确定","取消"]},function () {
                axios.post(sysurl + 'user/logout', formdata)
                    .then(res => {
                        if (res.data.code === 1) {
                            delCookie("token");
                            delCookie("user_id");
                            window.location.href = tmpsUrls+"www/views/login/login.html"

                        }
                        else {
                            // layer.msg(res.data.msg);
                        }
                    }, err => {

                    })
                    .catch((error) => {

                    })

            },function (index) {
                layer.close(index);
            })
        },
    },

    template: `<header>
    <div class="header-top">
        <div class="top_inner">
            <div class="inner_le">您好，欢迎访问 <a href="">城乡家园服务网</a>官方主站！</div>
            <div class="inner_ri" v-if="token===null">
                <a href="views/login/login.html"><img :src="loginicon" style="width: 1.2rem" alt="">登录</a>
                <a href="views/login/register.html"><img :src="registericon" alt="">注册</a>
                <span>总部服务：187263267465</span>
                <!--<a href=""><img src="" alt="">团子小姐姐</a>-->
            </div>
            <div class="inner_ri" v-if="token!==null">
                <a :href="tempUrl+'www/views/user/personal.html'"><img :src="loginicon" style="width: 1.2rem" alt="">{{info.nickname}}</a>
                <a :href="tempUrl+'www/views/user/personal.html'"><img :src="collecticon" alt="">我的收藏</a>
                <a :href="tempUrl+'www/views/user/personal.html'"><img :src="historyicon" alt="">访问记录</a>
                <a @click="loginOut"><img :src="historyicon" alt="">退出登录</a>
            
                <!--<a href=""><img src="" alt="">团子小姐姐</a>-->
            </div>
        </div>
    </div>
</header>`
});

//nav
Vue.component('nav-component', {
    data: function () {
        return {
            count: 0,
        }
    },
    mounted(){
    },
    methods: {
        loginout: function () {
            this.$emit('loginout');
        },
    },
    template: `<nav>
    <div class="nav-top">
    <div class="nav-le">
        <img src="static/images/logo.png" alt="">
    </div>
    <div class="nav-ri">
        <ul>
            <li class="active"><a href="">首页</a></li>
            <li><a href="">关于我们</a></li>
            <li><a href="">家园见闻</a></li>
            <li><a href="">法制道德</a></li>
            <li><a href="">公益帮助</a></li>
            <li><a href="views/investigation/investigation.html">家园调查</a></li>
            <li><a href="views/problem/problem.html">卜咚问问</a></li>
            <li><a href="">专题栏目</a></li>
        </ul>
    </div>
</div>
</nav>`
});
Vue.component('navinner-component', {
    data: function () {
        return {
            count: 0,
        }
    },
    mounted(){
    },
    methods: {
        loginout: function () {
            this.$emit('loginout');
        },
    },
    template: `<nav><div class="nav-top">
    <div class="nav-le">
        <img src="../../static/images/logo.png" alt="">
    </div>
    <div class="nav-ri">
        <div class="search-box">
            <div class="search-input">
                <img src="../../static/icons/搜索(1).png" alt="">
                <input type="text" placeholder="成都居住证办理流程">
                <div class="input-position">
                    <a>热门搜索：</a>
                    <a>蓝湖橘郡</a>
                    <a>尚品C经</a>
                    <a>英郡icon</a>
                </div>
            </div>
            <div class="search-btn" onclick="javascript:window.location.href='../../views/home/search.html'">搜索</div>
        </div>
    </div>
</div>
</nav>`
});
Vue.component('navrow-component', {
    data: function () {
        return {
            count: 0,
        }
    },
    mounted(){
    },
    methods: {
        loginout: function () {
            this.$emit('loginout');
        },
    },
    template: `<div class="nav-row"><ul>
    <li>
        <a href="../../index.html">首页</a>
    </li>
    <li>
        <a href="">关于我们</a>
    </li>
    <li>
        <a href="">家园见闻</a>
    </li>
    <li>
        <a href="">法制道德</a>
    </li>
    <li>
        <a href="">公益帮助</a>
    </li>
    <li>
        <a href="../../views/investigation/investigation.html">家园调查</a>
    </li>
    <li>
        <a href="../../views/problem/problem.html">卜咚问问</a>
    </li>
    <li>
        <a href="">专题栏目</a>
    </li>
</ul>
</div>`
});

//footer

Vue.component('footer-component', {
    data: function () {
        return {
            count: 0,
        }
    },
    mounted(){
    },
    methods: {

    },
    template: `<footer class="footer">
        <div class="footer-box">
            <div class="footer-inner-top">
                <div class="footer-item-box">
                    <div class="footer-item-title">关于城乡家园服务网</div>
                    <div class="footer-item-text">
                        居家生活与社会服务完美链接，共创文明城市，
                        共建美好家园。家家参与、便民服务、办事民主
                        购物放心。

                        保障社区居民利益，宣传政府政策。

                        共筑中国梦
                    </div>
                </div>
                <div class="footer-item-box" style="width: 5rem">
                    <div class="footer-item-title">关于我们</div>
                    <div class="footer-item-text">
                        <a href="">网站简介</a>
                        <a href="">文化理想</a>
                        <a href="">服务发展</a>
                        <a href="">服务公告</a>
                    </div>
                </div>
                <div class="footer-item-box" style="width: 5rem">
                    <div class="footer-item-title">家园见闻</div>
                    <div class="footer-item-text">
                        <a href="">网站简介</a>
                        <a href="">文化理想</a>
                        <a href="">服务发展</a>
                        <a href="">服务公告</a>
                    </div>
                </div>
                <div class="footer-item-box" style="width: 5rem">
                    <div class="footer-item-title">道德法制</div>
                    <div class="footer-item-text">
                        <a href="">网站简介</a>
                        <a href="">文化理想</a>
                        <a href="">服务发展</a>
                        <a href="">服务公告</a>
                    </div>
                </div>
                <div class="footer-item-box" style="width: 5rem">
                    <div class="footer-item-title">卜咚问答</div>
                    <div class="footer-item-text">
                        <a href="">网站简介</a>
                        <a href="">文化理想</a>
                        <a href="">服务发展</a>
                        <a href="">服务公告</a>
                    </div>
                </div>
                <div class="footer-item-box" style="width: 10rem">
                    <div class="footer-item-title">联系我们</div>
                    <div class="footer-item-text">
                        <a href="">网站简介网站简介</a>
                        <a href="">文化理想文化理想</a>
                        <a href="">服务发展服务发展</a>
                        <a href="">服务公告服务公告</a>
                    </div>
                </div>
                <div class="footer-item-box" style="width: 15rem">
                    <div class="footer-item-title">其他平台</div>
                    <div class="footer-item-text">
                        <div class="footer-qr-code">
                            <img src="static/images/图片f.png" alt="">
                            <p>安卓下载</p>
                        </div>
                        <div class="footer-qr-code">
                            <img src="static/images/图片f.png" alt="">
                            <p>服务网公众号</p>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <div class="footer-inner-bottom">
            <div class="bottom-inner">
                <div class="list-row">
                    <a href="">网站首页</a>
                    <a href="">法律申明及隐私政策</a>
                    <a href="">联系我们</a>
                    <a href="">免责申明</a>
                    <a href="">服务中心</a>
                    <a href="">帮助中心</a>
                </div>


                <p>Copyright © 城乡家园服务网 All Rights Reserved备案号：蜀ICP备17003989号 全程技术支持：汤沐科技</p>
                <p style="margin-top: -1rem">最终解释权归城乡家园服务网</p>
            </div>
        </div>
    </footer>`
});
Vue.component('footertwo-component', {
    data: function () {
        return {
            count: 0,
        }
    },
    mounted(){
    },
    methods: {

    },
    template: `<footer class="footer">
    <div class="footer-box">
    <div class="footer-inner-top">
        <div class="footer-item-box">
            <div class="footer-item-title">关于城乡家园服务网</div>
            <div class="footer-item-text">
                居家生活与社会服务完美链接，共创文明城市，
                共建美好家园。家家参与、便民服务、办事民主
                购物放心。

                保障社区居民利益，宣传政府政策。

                共筑中国梦
            </div>
        </div>
        <div class="footer-item-box" style="width: 5rem">
            <div class="footer-item-title">关于我们</div>
            <div class="footer-item-text">
                <a href="">网站简介</a>
                <a href="">文化理想</a>
                <a href="">服务发展</a>
                <a href="">服务公告</a>
            </div>
        </div>
        <div class="footer-item-box" style="width: 5rem">
            <div class="footer-item-title">家园见闻</div>
            <div class="footer-item-text">
                <a href="">网站简介</a>
                <a href="">文化理想</a>
                <a href="">服务发展</a>
                <a href="">服务公告</a>
            </div>
        </div>
        <div class="footer-item-box" style="width: 5rem">
            <div class="footer-item-title">道德法制</div>
            <div class="footer-item-text">
                <a href="">网站简介</a>
                <a href="">文化理想</a>
                <a href="">服务发展</a>
                <a href="">服务公告</a>
            </div>
        </div>
        <div class="footer-item-box" style="width: 5rem">
            <div class="footer-item-title">卜咚问答</div>
            <div class="footer-item-text">
                <a href="">网站简介</a>
                <a href="">文化理想</a>
                <a href="">服务发展</a>
                <a href="">服务公告</a>
            </div>
        </div>
        <div class="footer-item-box" style="width: 10rem">
            <div class="footer-item-title">联系我们</div>
            <div class="footer-item-text">
                <a href="">网站简介网站简介</a>
                <a href="">文化理想文化理想</a>
                <a href="">服务发展服务发展</a>
                <a href="">服务公告服务公告</a>
            </div>
        </div>
        <div class="footer-item-box" style="width: 15rem">
            <div class="footer-item-title">其他平台</div>
            <div class="footer-item-text">
                <div class="footer-qr-code">
                    <img src="../../static/images/图片f.png" alt="">
                    <p>安卓下载</p>
                </div>
                <div class="footer-qr-code">
                    <img src="../../static/images/图片f.png" alt="">
                    <p>服务网公众号</p>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="footer-inner-bottom">
    <div class="bottom-inner">
        <div class="list-row">
            <a href="">网站首页</a>
            <a href="">法律申明及隐私政策</a>
            <a href="">联系我们</a>
            <a href="">免责申明</a>
            <a href="">服务中心</a>
            <a href="">帮助中心</a>
        </div>
        <p>Copyright © 城乡家园服务网 All Rights Reserved备案号：蜀ICP备17003989号 全程技术支持：汤沐科技</p>
        <p style="margin-top: -1rem">最终解释权归城乡家园服务网</p>
    </div>
</div>
  </footer>`
});

//suspension
Vue.component('suspension-component',{
    data: function () {
        return {
            count: 0,
        }
    },
    mounted(){
    },
    methods: {

    },
    template: `<div class="suspension">
    <div class="suspension-title">投诉举报</div>
    <div class="suspension-qr-code">
        <img src="static/images/图片f.png" alt="">
        <p>IOS</p>
    </div>
    <div class="suspension-qr-code">
        <img src="static/images/图片f.png" alt="">
        <p>Andriod</p>
    </div>
    <div class="shrink">收起 <img src="static/icons/向上.png" alt="" style="margin-left: 0.2rem"></div>
</div>`
})

//友情链接

Vue.component('friend-component',{
    data: function () {
        return {
            count: 0,
            list:[],
            // url:'http://192.168.0.168'
        }
    },
    props:["url"],
    mounted(){
        this.getDetail()
    },
    methods: {
        getDetail:function () {
            axios.post(sysurl + 'index/friendsLink', data)
                .then(res => {
                    if (res.data.code === 1) {
                        this.list = res.data.data
                    }
                    else {
                        layer.msg(res.data.msg);
                    }
                }, err => {

                })
                .catch((error) => {

                })
        },
        openLink:function (link) {
            window.open(link);
        }
    },
    template: `<div class="friend-link">
<div class="link-title">
    <a href="">友情链接</a>
</div>
<div class="adv-box">
    <div class="adv-item" v-for="(l,item) in list" :key="item" @click="openLink(l.url)"><img :src="url+l.image" alt=""></div>

</div>
</div>`
})

//导航列表

Vue.component('classify-component',{
    data: function () {
        return {
            count: 0,
            top:[],
            bottom:[]
            // url:'http://192.168.0.168'
        }
    },
    props:["url"],
    mounted(){
        this.getDetail()
    },
    methods: {
        getDetail:function () {
            axios.post(sysurl + 'index/navigation', {type:23})
                .then(res => {
                    if (res.data.code === 1) {
                        this.top = res.data.data
                    }
                    else {
                        layer.msg(res.data.msg);
                    }
                }, err => {

                })
                .catch((error) => {

                })

            axios.post(sysurl + 'index/navigation', {type:24})
                .then(res => {
                    if (res.data.code === 1) {
                        this.bottom = res.data.data
                    }
                    else {
                        layer.msg(res.data.msg);
                    }
                }, err => {

                })
                .catch((error) => {

                })
        },
        openLink:function (link) {
            window.open(link);
        }
    },
    template: `<div class="classify-box">
                    <div class="classify-top">
                        <div class="classify-item" v-for="(t,item) in top" :key="item">
                            <a>【{{t.name}}】</a>
                            <a :href="i.url" v-for="(i,index) in t.child" :key="index" target="_blank"><img v-if="i.iconimage!==''" class="icon-img" :src="url+i.iconimage" alt="">{{i.name}}</a>
                 
                        </div>
                  
                    </div>

                    <div class="classify-bottom">
                        <div class="classify-item" v-for="(t,item) in bottom" :key="item">
                            <a>【{{t.name}}】</a>
                            <a :href="i.url" v-for="(i,index) in t.child" :key="index" target="_blank"><img v-if="i.iconimage!==''" class="icon-img" :src="url+i.iconimage" alt="">{{i.name}}</a>
                        </div>
                
                    </div>
                </div>`
})

//系统公告
Vue.component('notice-component',{
    data: function () {
        return {
            content: [],
            root:tmpsUrls+"www/static/images/圆角矩形9.png"

            // url:'http://192.168.0.168'
        }
    },
    // props:["url"],
    mounted(){
        this.getDetail()
    },
    methods: {
        getDetail:function () {
            axios.post(sysurl + 'index/notice', data)
                .then(res => {
                    if (res.data.code === 1) {
                        this.content = res.data.data
                    }
                    else {
                        layer.msg(res.data.msg);
                    }
                }, err => {

                })
                .catch((error) => {

                })


        },

    },
    template: `<div class="notice">
                    <div class="notice-title">
                        <div class="notice-logo" :style="{ backgroundImg: root}">服务公告</div>
                    </div>
                    <div class="notice-content">

                        {{content.content}}


                    </div>
                </div>`
})






//user
//个人资料
Vue.component('userinfo-component', {
    data: function () {
        return {
            count: 0,
        }
    },
    mounted(){
    },
    methods: {

    },
    template: `<div class="user-info-body user-info-detail">
                    <div class="user-info-title">个人资料</div>
                    <div class="user-info-item">
                        <div class="user-info-name">头像</div>
                        <div class="user-info-img">
                            <img src="../../static/images/mayun.png" alt="" onclick="showImg(this)">
                        </div>
                    </div>
                    <div class="user-info-item align-items-center">
                        <div class="user-info-name">登录名</div>
                        <div class="user-info-input">
                            小团子
                        </div>
                    </div>
                    <div class="user-info-item align-items-center">
                        <div class="user-info-name">手机号</div>
                        <div class="user-info-input">
                            187637283945
                        </div>
                        <div class="modify" id="modify-mobile" onclick="show_id(this)">修改手机号</div>
                    </div>
                </div>`
});

//站长资料认证
Vue.component('station-component', {
    data: function () {
        return {
            count: 0,
        }
    },
    mounted(){
    },
    methods: {

    },
    template: `<div class="user-info-body Authentication-house-Add Authentication-station">
                    <div class="user-info-title">站长资料认证</div>
                    <div class="auth-house-new-item">
                        <div class="auth-house-new-name">
                            身份证号
                        </div>
                        <div class="auth-house-new-content">
                            <input type="text" class="auth-input">
                        </div>
                    </div>
                    <div class="auth-house-new-item align-items-start">
                        <div class="auth-house-new-name">
                            身份证图片
                        </div>
                        <div class="auth-house-new-content">
                            <div class="auth-house-new-content-box">
                                <div class="auth-house-new-img">
                                    <img src="../../static/icons/添加.png" alt="">
                                </div>
                                <div class="auth-house-new-innerText">点击上传身份证正面</div>
                            </div>
                            <div class="auth-house-new-content-box">
                                <div class="auth-house-new-img">
                                    <img src="../../static/icons/添加.png" alt="">
                                </div>
                                <div class="auth-house-new-innerText">点击上传身份证反面</div>
                            </div>
                        </div>
                    </div>
                    <div class="auth-house-new-item align-items-start" style="margin: 2rem 0">
                        <div class="auth-house-new-name" style="width: 7rem">
                            站长职业认证
                        </div>
                        <div class="auth-house-new-content">
                            <div class="auth-list">
                                <span>当地政府证明</span>
                                <span>营业执照</span>
                                <span>单位组织证明</span>
                                <span>房屋产权书</span>
                            </div>
                            <div class="auth-tips">（请提供以上任一证明文件）</div>
                        </div>
                    </div>
                    <div class="auth-house-new-item align-items-start">
                        <div class="auth-house-new-name">
                            &nbsp;
                        </div>
                        <div class="auth-house-new-content">
                            <div class="auth-house-new-content-box">
                                <div class="auth-house-new-img">
                                    <img src="../../static/icons/添加.png" alt="">
                                </div>
                                <div class="auth-house-new-innerText">点击上传认证资料</div>
                            </div>
                        </div>
                    </div>
                    <div class="auth-house-agreement">
                        <input type="checkbox">我保证以上信息真实性并接受（网站管理备案审查）
                    </div>
                    <div class="auth-house-submit">
                        <div class="submit-btn" onclick="sub_info()">提交</div>
                    </div>
                </div>`
});
//房产资料认证
Vue.component('house-component', {
    data: function () {
        return {
            count: 0,
        }
    },
    mounted(){
    },
    methods: {
        changetab:function (type) {
            this.$emit('changetab',type)
        }
    },
    template: `<div class="user-info-body Authentication-house">
                    <div class="user-info-title">房产资料认证</div>
                    <div class="auth-house-add">
                        <div class="auth-add-btn"  @click="changetab(3)">新增认证</div>
                    </div>
                    <div class="auth-house-box">
                        <div class="auth-house-name">四川成都高新区  碧桂园</div>
                        <div class="auth-house-status">
                            <div class="auth-house-status-t" hidden>
                                待审核
                            </div>
                        </div>
                        <div class="auth-house-item">
                            <div class="auth-house-item-img">
                                <img src="../../static/images/房子Loi.png" alt="" onclick="showImg(this)">
                            </div>
                            <div class="auth-house-btn">
                                <div class="auth-house-cancel">删除认证</div>
                            </div>
                        </div>
                    </div>
                    <div class="auth-house-box">
                        <div class="auth-house-name">四川成都高新区  碧桂园</div>
                        <div class="auth-house-status">
                            <div class="auth-house-status-t">
                                待审核
                            </div>
                        </div>
                        <div class="auth-house-item">
                            <div class="auth-house-item-img">
                                <img src="../../static/images/图片f.png" alt="" onclick="showImg(this)">
                            </div>
                            <div class="auth-house-btn">
                                <div class="auth-house-cancel">删除认证</div>
                            </div>
                        </div>
                    </div>
                    <div class="auth-house-box">
                        <div class="auth-house-name">四川成都高新区  碧桂园</div>
                        <div class="auth-house-status">
                            <div class="auth-house-status-t active">
                                已拒绝
                            </div>
                        </div>
                        <div class="auth-house-item">
                            <div class="auth-house-item-img">
                                <img src="../../static/images/图片f.png" alt="" onclick="showImg(this)">
                            </div>
                            <div class="auth-house-btn">
                                <div class="auth-house-modify">修改资料</div>
                                <div class="auth-house-cancel">删除认证</div>
                            </div>
                        </div>
                    </div>
                </div>`
});
//添加房产认证
Vue.component('houseadd-component', {
    data: function () {
        return {
            count: 0,
        }
    },
    mounted(){
    },
    methods: {

    },
    template: `<div class="user-info-body Authentication-house-Add Authentication-new">
                    <div class="user-info-title">房产资料认证</div>
                    <div class="auth-house-new-item">
                        <div class="auth-house-new-name">
                            身份证号
                        </div>
                        <div class="auth-house-new-content">
                            <input type="text" class="auth-input">
                        </div>
                    </div>
                    <div class="auth-house-new-item align-items-start">
                        <div class="auth-house-new-name">
                            身份证图片
                        </div>
                        <div class="auth-house-new-content">
                            <div class="auth-house-new-content-box">
                                <div class="auth-house-new-img">
                                    <img src="../../static/icons/添加.png" alt="">
                                </div>
                                <div class="auth-house-new-innerText">点击上传身份证正面</div>
                            </div>
                            <div class="auth-house-new-content-box">
                                <div class="auth-house-new-img">
                                    <img src="../../static/icons/添加.png" alt="">
                                </div>
                                <div class="auth-house-new-innerText">点击上传身份证反面</div>
                            </div>
                        </div>
                    </div>
                    <div class="auth-house-new-item">
                        <div class="auth-house-new-name">
                            房号
                        </div>
                        <div class="auth-house-new-content">
                            <input type="text" placeholder="例：3栋2单元3039" class="auth-input">
                        </div>
                    </div>
                    <div class="auth-house-new-item">
                        <div class="auth-house-new-name">
                            联系电话
                        </div>
                        <div class="auth-house-new-content">
                            <input type="text" class="auth-input">
                        </div>
                    </div>
                    <div class="auth-house-new-item align-items-start">
                        <div class="auth-house-new-name">
                            房产认证
                        </div>
                        <div class="auth-house-new-content">
                            <div class="auth-house-new-content-box">
                                <div class="auth-house-new-img">
                                    <img src="../../static/icons/添加.png" alt="">
                                </div>
                                <div class="auth-house-new-innerText">点击上传认证资料</div>
                            </div>
                        </div>
                    </div>
                    <div class="auth-house-agreement">
                        <input type="checkbox">我保证以上信息真实性并接受（网站管理备案审查）
                    </div>
                    <div class="auth-house-submit">
                        <div class="submit-btn" onclick="sub_info()">提交</div>
                    </div>
            </div>`
});

//修改手机号
Vue.component('changemobile-component', {
    data: function () {
        return {
            count: 0,
        }
    },
    mounted(){
    },
    methods: {

    },
    template: `<div class="user-info-body modify-mobile">
                    <div class="user-info-title" style="margin-bottom: 3rem">修改手机号</div>
                    <div class="register-input-box">
                        <div class="register-input-item">
                            <div class="register-input-name">
                                <img src="../../static/icons/手机1.png" alt="">
                                手机号
                            </div>
                            <input type="text" placeholder="请输入11位手机号">
                        </div>
                    </div>
                    <div class="register-input-box">
                        <div class="register-input-item" style="width: 31.75rem">
                            <div class="register-input-name">
                                <img src="../../static/icons/验证码.png" alt="">
                                验证码
                            </div>
                            <input type="text" placeholder="请输入验证码">
                        </div>
                        <a href="" class="verify">获取验证码</a>
                    </div>
                    <div class="register-input-box">
                        <div class="register-input-item">
                            <div class="register-input-name">
                                <img src="../../static/icons/手机1.png" alt="">
                                手机号
                            </div>
                            <input type="text" placeholder="请输入您现在新的手机号码">
                        </div>
                    </div>
                    <div class="register-input-box" style="padding-top: 1rem">
                        <div class="register-btn" onclick="sub_info()">提交</div>
                    </div>
                </div>`
});
//我的提问
Vue.component('ask-component', {
    data: function () {
        return {
            count: 0,
        }
    },
    mounted(){
    },
    methods: {

    },
    template: `<div class="user-info-body Problem">
                    <div class="user-info-title">我的提问</div>
                    <div class="problem-box">
                        <div class="problem-search-item">
                            <div class="problem-search-item-title">成都怎么办电子狗？</div>
                            <div class="problem-search-item-prop">
                                <span>一品CG：6-1608业主</span>
                                <span>发布于：2018-07-09 10:00</span>
                            </div>
                            <div class="problem-search-item-text">
                                王倩告诉记者，她在与店方理论时被人拍了视频，并在网上发布，她对此并不知情。“但从有人把视频没有打马赛克发在网上的那一刻起，这个
                                事情就没有回旋的余地了。”
                            </div>
                            <div class="problem-search-item-option">
                                <span>3人回复</span>
                                <span>23次浏览</span>
                                <span onclick="showTab(this)">回复</span>
                            </div>
                        </div>
                        <div class="problem-search-item">
                            <div class="problem-search-item-title">成都怎么办电子狗？</div>
                            <div class="problem-search-item-prop">
                                <span>一品CG：6-1608业主</span>
                                <span>发布于：2018-07-09 10:00</span>
                            </div>
                            <div class="problem-search-item-text">
                                王倩告诉记者，她在与店方理论时被人拍了视频，并在网上发布，她对此并不知情。“但从有人把视频没有打马赛克发在网上的那一刻起，这个
                                事情就没有回旋的余地了。”
                            </div>
                            <div class="problem-search-item-option">
                                <span>3人回复</span>
                                <span>23次浏览</span>
                                <span onclick="showTab(this)">回复</span>
                            </div>
                        </div>
                        <div class="problem-search-item">
                            <div class="problem-search-item-title">成都怎么办电子狗？</div>
                            <div class="problem-search-item-prop">
                                <span>一品CG：6-1608业主</span>
                                <span>发布于：2018-07-09 10:00</span>
                            </div>
                            <div class="problem-search-item-text">
                                王倩告诉记者，她在与店方理论时被人拍了视频，并在网上发布，她对此并不知情。“但从有人把视频没有打马赛克发在网上的那一刻起，这个
                                事情就没有回旋的余地了。”
                            </div>
                            <div class="problem-search-item-option">
                                <span>3人回复</span>
                                <span>23次浏览</span>
                                <span onclick="showTab(this)">回复</span>
                            </div>
                        </div>
                    </div>
                </div>`
});

//文章管理
Vue.component('article-component', {
    data: function () {
        return {
            count: 0,
        }
    },
    mounted(){
    },
    methods: {

    },
    template:
        `<div class="user-info-body Problem">
                    <div class="user-info-title">文章管理 <span class="new-article">+新建</span></div>
                    <div class="problem-box">
                        <table class="table">
                             <thead>
                                <tr>
                                  <th scope="col">标题</th>
                                  <th scope="col">评论</th>
                                  <th scope="col">发布者</th>
                                  <th scope="col">发布时间</th>
                                  <th scope="col">操作</th>
                                </tr>
                             </thead>
                             <tbody>
                                <tr>
                                  <td scope="row">党的十八届三中全会在北党的十八届三中全会在北</td>
                                  <td>98</td>
                                  <td>团子</td>
                                  <td>2019-7-2  17:26</td>
                                  <td>
                                    <span class="option">隐藏</span>
                                    <span class="option">编辑</span>
                                    <span class="option">删除</span>
                                  </td>
                                </tr>
                                <tr>
                                  <td scope="row">党的十八届三中全会在北党的十八届三中全会在北</td>
                                  <td>98</td>
                                  <td>团子</td>
                                  <td>2019-7-2  17:26</td>
                                  <td>
                                    <span class="option">隐藏</span>
                                    <span class="option">编辑</span>
                                    <span class="option">删除</span>
                                  </td>
                                </tr>
                               <tr>
                                  <td scope="row">党的十八届三中全会在北党的十八届三中全会在北</td>
                                  <td>98</td>
                                  <td>团子</td>
                                  <td>2019-7-2  17:26</td>
                                  <td>
                                    <span class="option">隐藏</span>
                                    <span class="option">编辑</span>
                                    <span class="option">删除</span>
                                  </td>
                                </tr>
                               <tr>
                                  <td scope="row">党的十八届三中全会在北党的十八届三中全会在北</td>
                                  <td>98</td>
                                  <td>团子</td>
                                  <td>2019-7-2  17:26</td>
                                  <td>
                                    <span class="option">隐藏</span>
                                    <span class="option">编辑</span>
                                    <span class="option">删除</span>
                                  </td>
                                </tr>
                               <tr>
                                  <td scope="row">党的十八届三中全会在北党的十八届三中全会在北</td>
                                  <td>98</td>
                                  <td>团子</td>
                                  <td>2019-7-2  17:26</td>
                                  <td>
                                    <span class="option">隐藏</span>
                                    <span class="option">编辑</span>
                                    <span class="option">删除</span>
                                  </td>
                                </tr>
                               <tr>
                                  <td scope="row">党的十八届三中全会在北党的十八届三中全会在北</td>
                                  <td>98</td>
                                  <td>团子</td>
                                  <td>2019-7-2  17:26</td>
                                  <td>
                                    <span class="option">隐藏</span>
                                    <span class="option">编辑</span>
                                    <span class="option">删除</span>
                                  </td>
                                </tr>
                               <tr>
                                  <td scope="row">党的十八届三中全会在北党的十八届三中全会在北</td>
                                  <td>98</td>
                                  <td>团子</td>
                                  <td>2019-7-2  17:26</td>
                                  <td>
                                    <span class="option">隐藏</span>
                                    <span class="option">编辑</span>
                                    <span class="option">删除</span>
                                  </td>
                                </tr>
                               <tr>
                                  <td scope="row">党的十八届三中全会在北党的十八届三中全会在北</td>
                                  <td>98</td>
                                  <td>团子</td>
                                  <td>2019-7-2  17:26</td>
                                  <td>
                                    <span class="option">隐藏</span>
                                    <span class="option">编辑</span>
                                    <span class="option">删除</span>
                                  </td>
                                </tr>
                               <tr>
                                  <td scope="row">党的十八届三中全会在北党的十八届三中全会在北</td>
                                  <td>98</td>
                                  <td>团子</td>
                                  <td>2019-7-2  17:26</td>
                                  <td>
                                    <span class="option">隐藏</span>
                                    <span class="option">编辑</span>
                                    <span class="option">删除</span>
                                  </td>
                                </tr>
                               <tr>
                                  <td scope="row">党的十八届三中全会在北党的十八届三中全会在北</td>
                                  <td>98</td>
                                  <td>团子</td>
                                  <td>2019-7-2  17:26</td>
                                  <td>
                                    <span class="option">隐藏</span>
                                    <span class="option">编辑</span>
                                    <span class="option">删除</span>
                                  </td>
                                </tr>
                             </tbody>
                        </table>
                        
                        
                    </div>
                </div>`
});

//发布编辑文章

Vue.component('editarticle-component', {
    data: function () {
        return {
            count: 0,
        }
    },
    mounted(){
    },
    methods: {

    },
    template: `<div class="user-info-body Authentication-house-Add Authentication-station">
                    <div class="user-info-title">发布文章</div>
                    <div class="auth-house-new-item">
                        <div class="auth-house-new-name">
                            文章标题
                        </div>
                        <div class="auth-house-new-content">
                            <input type="text" class="auth-input">
                        </div>
                    </div>
                      <div class="auth-house-new-item">
                        <div class="auth-house-new-name">
                            选择文章分类
                        </div>
                        <div class="auth-house-new-content">
                           <select name="" id="">
                                 <option value="">家园见闻</option>
                           </select>
                        </div>
                    </div>
                    <div class="auth-house-new-item align-items-start">
                        <div class="auth-house-new-name">
                            上传封面
                        </div>
                        <div class="auth-house-new-content">
                            <div class="auth-house-new-content-box" style="border:1px solid rgba(229,229,229,1);width: 5rem;height: 5rem">
                                <div class="auth-house-new-img">
                                    <img src="../../static/icons/add.png" alt="">
                                </div>
                               
                            </div>
                           
                        </div>
                    </div>
                    
                   <div class="auth-house-new-item align-items-start">
                        <div class="auth-house-new-name">
                            文章内容
                        </div>
                        <div class="auth-house-new-content">
                            <textarea name="" id="" cols="30" rows="10"></textarea>
                        </div>
                    </div>
              
                    <div class="auth-house-submit">
                        <div class="submit-btn" onclick="sub_info()">提交</div>
                    </div>
                </div>`
});

//收藏文章
Vue.component('collectarticle-component', {
    data: function () {
        return {
            count: 0,
        }
    },
    mounted(){
    },
    methods: {

    },
    template:
        `<div class="user-info-body Problem">
                    <div class="user-info-title">文章管理 <span class="new-article">+新建</span></div>
                    <div class="problem-box">
                        <table class="table">
                             <thead>
                                <tr>
                                  <th scope="col">标题</th>
                                  <th scope="col">评论</th>
                                  <th scope="col">发布者</th>
                                  <th scope="col">发布时间</th>
                                  <th scope="col">操作</th>
                                </tr>
                             </thead>
                             <tbody>
                                <tr>
                                  <td scope="row">党的十八届三中全会在北党的十八届三中全会在北</td>
                                  <td>98</td>
                                  <td>团子</td>
                                  <td>2019-7-2  17:26</td>
                                  <td>
                                    <span class="option">取消收藏</span>
                                    <span class="option">隐藏</span>
                                  </td>
                                </tr>
                                <tr>
                                  <td scope="row">党的十八届三中全会在北党的十八届三中全会在北</td>
                                  <td>98</td>
                                  <td>团子</td>
                                  <td>2019-7-2  17:26</td>
                                  <td>
                                    <span class="option">取消收藏</span>
                                    <span class="option">隐藏</span>
                                  </td>
                                </tr>
                               <tr>
                                  <td scope="row">党的十八届三中全会在北党的十八届三中全会在北</td>
                                  <td>98</td>
                                  <td>团子</td>
                                  <td>2019-7-2  17:26</td>
                                  <td>
                                    <span class="option">取消收藏</span>
                                    <span class="option">隐藏</span>
                                  </td>
                                </tr>
                               <tr>
                                  <td scope="row">党的十八届三中全会在北党的十八届三中全会在北</td>
                                  <td>98</td>
                                  <td>团子</td>
                                  <td>2019-7-2  17:26</td>
                                  <td>
                                    <span class="option">取消收藏</span>
                                    <span class="option">隐藏</span>
                                  </td>
                                </tr>
                               <tr>
                                  <td scope="row">党的十八届三中全会在北党的十八届三中全会在北</td>
                                  <td>98</td>
                                  <td>团子</td>
                                  <td>2019-7-2  17:26</td>
                                  <td>
                                    <span class="option">取消收藏</span>
                                    <span class="option">隐藏</span>
                                  </td>
                                </tr>
                               <tr>
                                  <td scope="row">党的十八届三中全会在北党的十八届三中全会在北</td>
                                  <td>98</td>
                                  <td>团子</td>
                                  <td>2019-7-2  17:26</td>
                                  <td>
                                    <span class="option">取消收藏</span>
                                    <span class="option">隐藏</span>
                                  </td>
                                </tr>
                               <tr>
                                  <td scope="row">党的十八届三中全会在北党的十八届三中全会在北</td>
                                  <td>98</td>
                                  <td>团子</td>
                                  <td>2019-7-2  17:26</td>
                                  <td>
                                    <span class="option">取消收藏</span>
                                    <span class="option">隐藏</span>
                                  </td>
                                </tr>
                               <tr>
                                  <td scope="row">党的十八届三中全会在北党的十八届三中全会在北</td>
                                  <td>98</td>
                                  <td>团子</td>
                                  <td>2019-7-2  17:26</td>
                                  <td>
                                    <span class="option">取消收藏</span>
                                    <span class="option">隐藏</span>
                                  </td>
                                </tr>
                               <tr>
                                  <td scope="row">党的十八届三中全会在北党的十八届三中全会在北</td>
                                  <td>98</td>
                                  <td>团子</td>
                                  <td>2019-7-2  17:26</td>
                                  <td>
                                    <span class="option">取消收藏</span>
                                    <span class="option">隐藏</span>
                                  </td>
                                </tr>
                               <tr>
                                  <td scope="row">党的十八届三中全会在北党的十八届三中全会在北</td>
                                  <td>98</td>
                                  <td>团子</td>
                                  <td>2019-7-2  17:26</td>
                                  <td>
                                    <span class="option">取消收藏</span>
                                    <span class="option">隐藏</span>
                                  </td>
                                </tr>
                             </tbody>
                        </table>
                        
                        
                    </div>
                </div>`
});

//浏览历史
Vue.component('history-component', {
    data: function () {
        return {
            count: 0,
        }
    },
    mounted(){
    },
    methods: {

    },
    template:
        `<div class="user-info-body Problem">
                    <div class="user-info-title">浏览历史 <span class="new-article">清空历史纪录</span></div>
                    <div class="problem-box">
                        <table class="table">
                             <thead>
                                <tr>
                                  <th scope="col">标题</th>
                                  <th scope="col">评论</th>
                                  <th scope="col">发布者</th>
                                  <th scope="col">发布时间</th>
                                </tr>
                             </thead>
                             <tbody>
                                <tr>
                                  <td scope="row">党的十八届三中全会在北党的十八届三中全会在北</td>
                                  <td>98</td>
                                  <td>团子</td>
                                  <td>2019-7-2  17:26</td>
                                </tr>
                                <tr>
                                  <td scope="row">党的十八届三中全会在北党的十八届三中全会在北</td>
                                  <td>98</td>
                                  <td>团子</td>
                                  <td>2019-7-2  17:26</td>
                                </tr>
                               <tr>
                                  <td scope="row">党的十八届三中全会在北党的十八届三中全会在北</td>
                                  <td>98</td>
                                  <td>团子</td>
                                  <td>2019-7-2  17:26</td>
                                </tr>
                               <tr>
                                  <td scope="row">党的十八届三中全会在北党的十八届三中全会在北</td>
                                  <td>98</td>
                                  <td>团子</td>
                                  <td>2019-7-2  17:26</td>
                                </tr>
                               <tr>
                                  <td scope="row">党的十八届三中全会在北党的十八届三中全会在北</td>
                                  <td>98</td>
                                  <td>团子</td>
                                  <td>2019-7-2  17:26</td>
                                </tr>
                               <tr>
                                  <td scope="row">党的十八届三中全会在北党的十八届三中全会在北</td>
                                  <td>98</td>
                                  <td>团子</td>
                                  <td>2019-7-2  17:26</td>
                                </tr>
                               <tr>
                                  <td scope="row">党的十八届三中全会在北党的十八届三中全会在北</td>
                                  <td>98</td>
                                  <td>团子</td>
                                  <td>2019-7-2  17:26</td>
                                </tr>
                               <tr>
                                  <td scope="row">党的十八届三中全会在北党的十八届三中全会在北</td>
                                  <td>98</td>
                                  <td>团子</td>
                                  <td>2019-7-2  17:26</td>
                                </tr>
                               <tr>
                                  <td scope="row">党的十八届三中全会在北党的十八届三中全会在北</td>
                                  <td>98</td>
                                  <td>团子</td>
                                  <td>2019-7-2  17:26</td>
                                </tr>
                               <tr>
                                  <td scope="row">党的十八届三中全会在北党的十八届三中全会在北</td>
                                  <td>98</td>
                                  <td>团子</td>
                                  <td>2019-7-2  17:26</td>
                                </tr>
                             </tbody>
                        </table>
                        
                        
                    </div>
                </div>`
});

//人员选举
Vue.component('vote-component', {
    data: function () {
        return {
            count: 0,
        }
    },
    mounted(){
    },
    methods: {
        changetab:function (type) {
            this.$emit('changetab',type)
        }
    },
    template:
        `<div class="user-info-body Problem">
                    <div class="user-info-title">人员选举 <span><span class="new-article" @click="changetab(12)">查看人员库</span><span class="new-article" @click="changetab(14)">+新建</span></span></div>
                    <div class="problem-box">
                        <table class="table">
                             <thead>
                                <tr>
                                  <th scope="col">标题</th>
                                  <th scope="col">发布者</th>
                                  <th scope="col">截止时间</th>
                                  <th scope="col">剩余时间</th>
                                  <th scope="col">操作</th>
                                </tr>
                             </thead>
                             <tbody>
                                <tr>
                                  <td scope="row">党的十八届三中全会在北党的十八届三中全会在北</td>
                                  <td>团子</td>
                                  <td>2019-7-2  17:26</td>
                                  <td>5天</td>
                                  <td>
                                    <span class="option">暂停投票</span>
                                    <span class="option">查看结果</span>
                                  </td>
                                </tr>
                               <tr>
                                  <td scope="row">党的十八届三中全会在北党的十八届三中全会在北</td>
                                  <td>团子</td>
                                  <td>2019-7-2  17:26</td>
                                  <td>5天</td>
                                  <td>
                                    <span class="option">暂停投票</span>
                                    <span class="option">查看结果</span>
                                  </td>
                                </tr>
                             <tr>
                                  <td scope="row">党的十八届三中全会在北党的十八届三中全会在北</td>
                                  <td>团子</td>
                                  <td>2019-7-2  17:26</td>
                                  <td>5天</td>
                                  <td>
                                    <span class="option">暂停投票</span>
                                    <span class="option">查看结果</span>
                                  </td>
                                </tr>
                             <tr>
                                  <td scope="row">党的十八届三中全会在北党的十八届三中全会在北</td>
                                  <td>团子</td>
                                  <td>2019-7-2  17:26</td>
                                  <td>5天</td>
                                  <td>
                                    <span class="option">暂停投票</span>
                                    <span class="option">查看结果</span>
                                  </td>
                                </tr>
                              <tr>
                                  <td scope="row">党的十八届三中全会在北党的十八届三中全会在北</td>
                                  <td>团子</td>
                                  <td>2019-7-2  17:26</td>
                                  <td>5天</td>
                                  <td>
                                    <span class="option">暂停投票</span>
                                    <span class="option">查看结果</span>
                                  </td>
                                </tr>
                               <tr>
                                  <td scope="row">党的十八届三中全会在北党的十八届三中全会在北</td>
                                  <td>团子</td>
                                  <td>2019-7-2  17:26</td>
                                  <td>5天</td>
                                  <td>
                                    <span class="option">暂停投票</span>
                                    <span class="option">查看结果</span>
                                  </td>
                                </tr>
                              <tr>
                                  <td scope="row">党的十八届三中全会在北党的十八届三中全会在北</td>
                                  <td>团子</td>
                                  <td>2019-7-2  17:26</td>
                                  <td>5天</td>
                                  <td>
                                    <span class="option">暂停投票</span>
                                    <span class="option">查看结果</span>
                                  </td>
                                </tr>
                              <tr>
                                  <td scope="row">党的十八届三中全会在北党的十八届三中全会在北</td>
                                  <td>团子</td>
                                  <td>2019-7-2  17:26</td>
                                  <td>5天</td>
                                  <td>
                                    <span class="option">暂停投票</span>
                                    <span class="option">查看结果</span>
                                  </td>
                                </tr>
                               <tr>
                                  <td scope="row">党的十八届三中全会在北党的十八届三中全会在北</td>
                                  <td>团子</td>
                                  <td>2019-7-2  17:26</td>
                                  <td>5天</td>
                                  <td>
                                    <span class="option">暂停投票</span>
                                    <span class="option">查看结果</span>
                                  </td>
                                </tr>
                               <tr>
                                  <td scope="row">党的十八届三中全会在北党的十八届三中全会在北</td>
                                  <td>团子</td>
                                  <td>2019-7-2  17:26</td>
                                  <td>5天</td>
                                  <td>
                                    <span class="option">暂停投票</span>
                                    <span class="option">查看结果</span>
                                  </td>
                                </tr>
                             </tbody>
                        </table>
                        
                        
                    </div>
                </div>`
});
//活动投票
Vue.component('support-component', {
    data: function () {
        return {
            count: 0,
        }
    },
    mounted(){
    },
    methods: {
        changetab:function (type) {
            this.$emit('changetab',type)
        }
    },
    template:
        `<div class="user-info-body Problem">
                    <div class="user-info-title">人员选举 <span class="new-article" @click="changetab(15)">+新建</span></div>
                    <div class="problem-box">
                        <table class="table">
                             <thead>
                                <tr>
                                  <th scope="col">标题</th>
                                  <th scope="col">发布者</th>
                                  <th scope="col">截止时间</th>
                                  <th scope="col">剩余时间</th>
                                  <th scope="col">操作</th>
                                </tr>
                             </thead>
                             <tbody>
                                <tr>
                                  <td scope="row">党的十八届三中全会在北党的十八届三中全会在北</td>
                                  <td>团子</td>
                                  <td>2019-7-2  17:26</td>
                                  <td>5天</td>
                                  <td>
                                    <span class="option">暂停投票</span>
                                    <span class="option">查看结果</span>
                                  </td>
                                </tr>
                               <tr>
                                  <td scope="row">党的十八届三中全会在北党的十八届三中全会在北</td>
                                  <td>团子</td>
                                  <td>2019-7-2  17:26</td>
                                  <td>5天</td>
                                  <td>
                                    <span class="option">暂停投票</span>
                                    <span class="option">查看结果</span>
                                  </td>
                                </tr>
                             <tr>
                                  <td scope="row">党的十八届三中全会在北党的十八届三中全会在北</td>
                                  <td>团子</td>
                                  <td>2019-7-2  17:26</td>
                                  <td>5天</td>
                                  <td>
                                    <span class="option">暂停投票</span>
                                    <span class="option">查看结果</span>
                                  </td>
                                </tr>
                             <tr>
                                  <td scope="row">党的十八届三中全会在北党的十八届三中全会在北</td>
                                  <td>团子</td>
                                  <td>2019-7-2  17:26</td>
                                  <td>5天</td>
                                  <td>
                                    <span class="option">暂停投票</span>
                                    <span class="option">查看结果</span>
                                  </td>
                                </tr>
                              <tr>
                                  <td scope="row">党的十八届三中全会在北党的十八届三中全会在北</td>
                                  <td>团子</td>
                                  <td>2019-7-2  17:26</td>
                                  <td>5天</td>
                                  <td>
                                    <span class="option">暂停投票</span>
                                    <span class="option">查看结果</span>
                                  </td>
                                </tr>
                               <tr>
                                  <td scope="row">党的十八届三中全会在北党的十八届三中全会在北</td>
                                  <td>团子</td>
                                  <td>2019-7-2  17:26</td>
                                  <td>5天</td>
                                  <td>
                                    <span class="option">暂停投票</span>
                                    <span class="option">查看结果</span>
                                  </td>
                                </tr>
                              <tr>
                                  <td scope="row">党的十八届三中全会在北党的十八届三中全会在北</td>
                                  <td>团子</td>
                                  <td>2019-7-2  17:26</td>
                                  <td>5天</td>
                                  <td>
                                    <span class="option">暂停投票</span>
                                    <span class="option">查看结果</span>
                                  </td>
                                </tr>
                              <tr>
                                  <td scope="row">党的十八届三中全会在北党的十八届三中全会在北</td>
                                  <td>团子</td>
                                  <td>2019-7-2  17:26</td>
                                  <td>5天</td>
                                  <td>
                                    <span class="option">暂停投票</span>
                                    <span class="option">查看结果</span>
                                  </td>
                                </tr>
                               <tr>
                                  <td scope="row">党的十八届三中全会在北党的十八届三中全会在北</td>
                                  <td>团子</td>
                                  <td>2019-7-2  17:26</td>
                                  <td>5天</td>
                                  <td>
                                    <span class="option">暂停投票</span>
                                    <span class="option">查看结果</span>
                                  </td>
                                </tr>
                               <tr>
                                  <td scope="row">党的十八届三中全会在北党的十八届三中全会在北</td>
                                  <td>团子</td>
                                  <td>2019-7-2  17:26</td>
                                  <td>5天</td>
                                  <td>
                                    <span class="option">暂停投票</span>
                                    <span class="option">查看结果</span>
                                  </td>
                                </tr>
                             </tbody>
                        </table>
                        
                        
                    </div>
                </div>`
});
//事件评议
Vue.component('appraise-component', {
    data: function () {
        return {
            count: 0,
        }
    },
    mounted(){
    },
    methods: {
        changetab:function (type) {
            this.$emit('changetab',type)
        }
    },
    template:
        `<div class="user-info-body Problem">
                    <div class="user-info-title">事件评议 <span class="new-article" @click="changetab(16)">+新建</span></div>
                    <div class="problem-box">
                        <table class="table">
                             <thead>
                                <tr>
                                  <th scope="col">标题</th>
                                  <th scope="col">发布者</th>
                                  <th scope="col">截止时间</th>
                                  <th scope="col">剩余时间</th>
                                  <th scope="col">操作</th>
                                </tr>
                             </thead>
                             <tbody>
                                <tr>
                                  <td scope="row">党的十八届三中全会在北党的十八届三中全会在北</td>
                                  <td>团子</td>
                                  <td>2019-7-2  17:26</td>
                                  <td>5天</td>
                                  <td>
                                    <span class="option">暂停投票</span>
                                    <span class="option">查看结果</span>
                                  </td>
                                </tr>
                               <tr>
                                  <td scope="row">党的十八届三中全会在北党的十八届三中全会在北</td>
                                  <td>团子</td>
                                  <td>2019-7-2  17:26</td>
                                  <td>5天</td>
                                  <td>
                                    <span class="option">暂停投票</span>
                                    <span class="option">查看结果</span>
                                  </td>
                                </tr>
                             <tr>
                                  <td scope="row">党的十八届三中全会在北党的十八届三中全会在北</td>
                                  <td>团子</td>
                                  <td>2019-7-2  17:26</td>
                                  <td>5天</td>
                                  <td>
                                    <span class="option">暂停投票</span>
                                    <span class="option">查看结果</span>
                                  </td>
                                </tr>
                             <tr>
                                  <td scope="row">党的十八届三中全会在北党的十八届三中全会在北</td>
                                  <td>团子</td>
                                  <td>2019-7-2  17:26</td>
                                  <td>5天</td>
                                  <td>
                                    <span class="option">暂停投票</span>
                                    <span class="option">查看结果</span>
                                  </td>
                                </tr>
                              <tr>
                                  <td scope="row">党的十八届三中全会在北党的十八届三中全会在北</td>
                                  <td>团子</td>
                                  <td>2019-7-2  17:26</td>
                                  <td>5天</td>
                                  <td>
                                    <span class="option">暂停投票</span>
                                    <span class="option">查看结果</span>
                                  </td>
                                </tr>
                               <tr>
                                  <td scope="row">党的十八届三中全会在北党的十八届三中全会在北</td>
                                  <td>团子</td>
                                  <td>2019-7-2  17:26</td>
                                  <td>5天</td>
                                  <td>
                                    <span class="option">暂停投票</span>
                                    <span class="option">查看结果</span>
                                  </td>
                                </tr>
                              <tr>
                                  <td scope="row">党的十八届三中全会在北党的十八届三中全会在北</td>
                                  <td>团子</td>
                                  <td>2019-7-2  17:26</td>
                                  <td>5天</td>
                                  <td>
                                    <span class="option">暂停投票</span>
                                    <span class="option">查看结果</span>
                                  </td>
                                </tr>
                              <tr>
                                  <td scope="row">党的十八届三中全会在北党的十八届三中全会在北</td>
                                  <td>团子</td>
                                  <td>2019-7-2  17:26</td>
                                  <td>5天</td>
                                  <td>
                                    <span class="option">暂停投票</span>
                                    <span class="option">查看结果</span>
                                  </td>
                                </tr>
                               <tr>
                                  <td scope="row">党的十八届三中全会在北党的十八届三中全会在北</td>
                                  <td>团子</td>
                                  <td>2019-7-2  17:26</td>
                                  <td>5天</td>
                                  <td>
                                    <span class="option">暂停投票</span>
                                    <span class="option">查看结果</span>
                                  </td>
                                </tr>
                               <tr>
                                  <td scope="row">党的十八届三中全会在北党的十八届三中全会在北</td>
                                  <td>团子</td>
                                  <td>2019-7-2  17:26</td>
                                  <td>5天</td>
                                  <td>
                                    <span class="option">暂停投票</span>
                                    <span class="option">查看结果</span>
                                  </td>
                                </tr>
                             </tbody>
                        </table>
                        
                        
                    </div>
                </div>`
});

//查看人员库

Vue.component('personnel-component', {
    data: function () {
        return {
            count: 0,
        }
    },
    mounted(){
    },
    methods: {
        changetab:function (type) {
            this.$emit('changetab',type)
        }
    },
    template: `<div class="user-info-body Problem">
                    <div class="user-info-title">人员库 <span class="new-article" @click="changetab(13)">+新建</span></div>
                    <div class="problem-box">
                         <div class="campaign-item-content">
                            <div class="campaign-item-inner">
                                <div class="campaign-item-img" onclick="modalShow()" data-toggle="modal" data-target="#myModal"></div>
                                <div class="campaign-item-name">马云</div>
                                <div class="campaign-item-intro">阿里巴巴前CEO</div>
                                <div class="campaign-item-btn">
                                    <span>删除</span>
                                </div>
                            </div>
                            <div class="campaign-item-inner">
                                <div class="campaign-item-img"></div>
                                <div class="campaign-item-name">马云</div>
                                <div class="campaign-item-intro">阿里巴巴前CEO</div>
                                <div class="campaign-item-btn">
                                    <span>删除</span>
                                </div>
                            </div>
                            <div class="campaign-item-inner">
                                <div class="campaign-item-img"></div>
                                <div class="campaign-item-name">马云</div>
                                <div class="campaign-item-intro">阿里巴巴前CEO</div>
                                <div class="campaign-item-btn">
                                    <span>删除</span>
                                </div>
                            </div>
                            <div class="campaign-item-inner">
                                <div class="campaign-item-img"></div>
                                <div class="campaign-item-name">马云</div>
                                <div class="campaign-item-intro">阿里巴巴前CEO</div>
                                <div class="campaign-item-btn">
                                    <span>删除</span>
                                </div>
                            </div>
                            <div class="campaign-item-inner">
                                <div class="campaign-item-img"></div>
                                <div class="campaign-item-name">马云</div>
                                <div class="campaign-item-intro">阿里巴巴前CEO</div>
                                <div class="campaign-item-btn">
                                    <span>删除</span>
                                </div>
                            </div>
                            <div class="campaign-item-inner">
                                <div class="campaign-item-img"></div>
                                <div class="campaign-item-name">马云</div>
                                <div class="campaign-item-intro">阿里巴巴前CEO</div>
                                <div class="campaign-item-btn">
                                    <span>删除</span>
                                </div>
                            </div>
                            <div class="campaign-item-inner">
                                <div class="campaign-item-img"></div>
                                <div class="campaign-item-name">马云</div>
                                <div class="campaign-item-intro">阿里巴巴前CEO</div>
                                <div class="campaign-item-btn">
                                    <span>删除</span>
                                </div>
                            </div>
                            <div class="campaign-item-inner">
                                <div class="campaign-item-img"></div>
                                <div class="campaign-item-name">马云</div>
                                <div class="campaign-item-intro">阿里巴巴前CEO</div>
                                <div class="campaign-item-btn">
                                    <span>删除</span>
                                </div>
                            </div>
                            <div class="campaign-item-inner">
                                <div class="campaign-item-img"></div>
                                <div class="campaign-item-name">马云</div>
                                <div class="campaign-item-intro">阿里巴巴前CEO</div>
                                <div class="campaign-item-btn">
                                    <span>删除</span>
                                </div>
                            </div>
                            <div class="campaign-item-inner">
                                <div class="campaign-item-img"></div>
                                <div class="campaign-item-name">马云</div>
                                <div class="campaign-item-intro">阿里巴巴前CEO</div>
                                <div class="campaign-item-btn">
                                    <span>删除</span>
                                </div>
                            </div>
                            <div class="campaign-item-inner">
                                <div class="campaign-item-img"></div>
                                <div class="campaign-item-name">马云</div>
                                <div class="campaign-item-intro">阿里巴巴前CEO</div>
                                <div class="campaign-item-btn">
                                    <span>删除</span>
                                </div>
                            </div>
                            <div class="campaign-item-inner">
                                <div class="campaign-item-img"></div>
                                <div class="campaign-item-name">马云</div>
                                <div class="campaign-item-intro">阿里巴巴前CEO</div>
                                <div class="campaign-item-btn">
                                    <span>删除</span>
                                </div>
                            </div>
                        </div>
                        
                        
                    </div>
                </div>`
});

//新建人员
Vue.component('addperson-component', {
    data: function () {
        return {
            count: 0,
        }
    },
    mounted(){
    },
    methods: {

    },
    template: `<div class="user-info-body Authentication-house-Add Authentication-station">
                    <div class="user-info-title">新建人员</div>
                    <div class="auth-house-new-item">
                        <div class="auth-house-new-name">
                            人员姓名
                        </div>
                        <div class="auth-house-new-content">
                            <input type="text" class="auth-input">
                        </div>
                    </div>
                     <div class="auth-house-new-item align-items-start">
                        <div class="auth-house-new-name">
                            上传头像
                        </div>
                        <div class="auth-house-new-content">
                            <div class="auth-house-new-content-box" style="border:1px solid rgba(229,229,229,1);width: 5rem;height: 5rem">
                                <div class="auth-house-new-img">
                                    <img src="../../static/icons/add.png" alt="">
                                </div>
                               
                            </div>
                           
                        </div>
                    </div>
                     <div class="auth-house-new-item">
                        <div class="auth-house-new-name">
                            职位
                        </div>
                        <div class="auth-house-new-content">
                            <input type="text" class="auth-input">
                        </div>
                    </div>
                    <div class="auth-house-new-item">
                        <div class="auth-house-new-name">
                            年龄
                        </div>
                        <div class="auth-house-new-content">
                            <input type="text" class="auth-input">
                        </div>
                    </div>
                    <div class="auth-house-new-item">
                        <div class="auth-house-new-name">
                            政治面貌
                        </div>
                        <div class="auth-house-new-content">
                            <input type="text" class="auth-input">
                        </div>
                    </div>
                    <div class="auth-house-new-item">
                        <div class="auth-house-new-name">
                            民族
                        </div>
                        <div class="auth-house-new-content">
                            <input type="text" class="auth-input">
                        </div>
                    </div>
                   
                    
                   <div class="auth-house-new-item align-items-start">
                        <div class="auth-house-new-name">
                            人物介绍
                        </div>
                        <div class="auth-house-new-content">
                            <textarea name="" id="" cols="30" rows="10"></textarea>
                        </div>
                    </div>
              
                    <div class="auth-house-submit">
                        <div class="submit-btn" onclick="sub_info()">提交</div>
                    </div>
                </div>`
});
//新建投票
Vue.component('newvote-component', {
    data: function () {
        return {
            count: 0,
        }
    },
    mounted(){
    },
    methods: {

    },
    template: `<div class="user-info-body Authentication-house-Add Authentication-station">
                    <div class="user-info-title">新建人员选举</div>
                    <p class="new-tip">tip：新建人员会自动储存进人员库</p>
                    <div class="auth-house-new-item">
                        <div class="auth-house-new-name">
                            投票标题
                        </div>
                        <div class="auth-house-new-content">
                            <input type="text" class="auth-input">
                        </div>
                    </div>
                    
                     <div class="auth-house-new-item">
                        <div class="auth-house-new-name">
                            设置用户投票数
                        </div>
                        <div class="auth-house-new-content">
                            <input type="text" class="auth-input">
                        </div>
                    </div>
                    <div class="auth-house-new-item">
                        <div class="auth-house-new-name">
                            投票截止时间
                        </div>
                        <div class="auth-house-new-content">
                            <input type="text" class="auth-input">
                        </div>
                    </div>
                    <div class="auth-house-new-item align-items-start">
                        <div class="auth-house-new-name">
                            选择投票人员
                        </div>
                        <div class="auth-house-new-content" style="width: 30rem;flex-wrap: wrap">
                            <div class="vote-persion-item">
                                <img src="../../static/images/user.png" alt="">
                                小团子
                            </div>
                            <div class="vote-persion-item">
                                <img src="../../static/images/user.png" alt="">
                                小团子
                            </div>
                            <div class="vote-persion-item">
                                <img src="../../static/images/user.png" alt="">
                                小团子
                            </div>
                            <div class="vote-persion-item">
                                <img src="../../static/images/user.png" alt="">
                                小团子
                            </div>
                            <div class="vote-persion-item">
                                <img src="../../static/images/user.png" alt="">
                                小团子
                            </div>
                            <div class="vote-persion-item">
                                <img src="../../static/images/user.png" alt="">
                                小团子
                            </div>
                            <div class="vote-persion-item">
                                <img src="../../static/images/user.png" alt="">
                                小团子
                            </div>
                            <div class="vote-persion-item" style="cursor: pointer">
                                <img src="../../static/images/add1.png" alt="">
                                &nbsp;
                                &nbsp;
                            </div>
                            
                        </div>
                    </div>
                 
                   
                    
                   
              
                    <div class="auth-house-submit">
                        <div class="submit-btn" onclick="sub_info()">提交</div>
                    </div>
                </div>`
});
//新建活动投票
Vue.component('newactivity-component', {
    data: function () {
        return {
            count: 0,
        }
    },
    mounted(){
    },
    methods: {

    },
    template: `<div class="user-info-body Authentication-house-Add Authentication-station">
                    <div class="user-info-title">新建活动投票</div>
                    <div class="auth-house-new-item">
                        <div class="auth-house-new-name">
                            活动标题
                        </div>
                        <div class="auth-house-new-content">
                            <input type="text" class="auth-input">
                        </div>
                    </div>
                    
                     
                    <div class="auth-house-new-item">
                        <div class="auth-house-new-name">
                            投票截止时间
                        </div>
                        <div class="auth-house-new-content">
                            <input type="text" class="auth-input">
                        </div>
                    </div>
       
                    
                   <div class="auth-house-new-item align-items-start">
                        <div class="auth-house-new-name">
                            投票事件
                        </div>
                        <div class="auth-house-new-content">
                            <textarea name="" id="" cols="30" rows="10"></textarea>
                        </div>
                    </div>
              
                    <div class="auth-house-submit">
                        <div class="submit-btn" onclick="sub_info()">提交</div>
                    </div>
                </div>`
});
//新建评议
Vue.component('newappraise-component', {
    data: function () {
        return {
            count: 0,
        }
    },
    mounted(){
    },
    methods: {

    },
    template: `<div class="user-info-body Authentication-house-Add Authentication-station">
                    <div class="user-info-title">新建事件评议</div>
                    <div class="auth-house-new-item">
                        <div class="auth-house-new-name">
                            投票标题
                        </div>
                        <div class="auth-house-new-content">
                            <input type="text" class="auth-input">
                        </div>
                    </div>
                    
                     
                    <div class="auth-house-new-item">
                        <div class="auth-house-new-name">
                            投票截止时间
                        </div>
                        <div class="auth-house-new-content">
                            <input type="text" class="auth-input">
                        </div>
                    </div>
                    <div>
                        <div class="auth-house-new-item">
                            <div class="auth-house-new-name weight">
                                评议一
                            </div>
                            <div class="auth-house-new-content">
                                <input type="text" class="auth-input">
                            </div>
                        </div>
                        
                       <div class="auth-house-new-item align-items-start">
                            <div class="auth-house-new-name">
                                评议内容
                            </div>
                            <div class="auth-house-new-content">
                                <textarea name="" id="" cols="30" rows="10"></textarea>
                            </div>
                        </div>
                    </div>
                    <div>
                        <div class="auth-house-new-item">
                            <div class="auth-house-new-name weight">
                                评议二
                            </div>
                            <div class="auth-house-new-content">
                                <input type="text" class="auth-input">
                            </div>
                        </div>
                        
                       <div class="auth-house-new-item align-items-start">
                            <div class="auth-house-new-name">
                                评议内容
                            </div>
                            <div class="auth-house-new-content">
                                <textarea name="" id="" cols="30" rows="10"></textarea>
                            </div>
                        </div>
                    </div>
                
                    <div class="auth-house-submit">
                        <div class="add-btn" >增加评议项</div>
                    </div>
                    <div class="auth-house-submit">
                        <div class="submit-btn" onclick="sub_info()">提交</div>
                    </div>
                </div>`
});
